<!DOCTYPE html>
<html>
    <%- include('components/head.ejs'); %>
    <body>
    <%- include('components/header.ejs'); %>
        <div class="container">
            <ol class="breadcrumb">
                <li><a href="#" style="color: #000">首页</a></li>
                <li class="active">美味中心</li>
            </ol>

        </div>
        <%- include('components/footer.ejs'); %>
        <%- include('components/share-panel.ejs'); %>
        <script src="/plugins/jquery-1.12.4.min.js"></script>
        <script src="/plugins/bootstrap-3.3.7.min.js"></script>
        <script src="/plugins/share.min.js"></script>
        <script>
            (function(){
                $(window).scroll(function () {
                    if ($(this).scrollTop() > 50) {
                        $('#back-to-top').fadeIn();
                    } else {
                        $('#back-to-top').fadeOut();
                    }
                });
                // scroll body to 0px on click
                $('#back-to-top').click(function () {
                    $('#back-to-top').tooltip('hide');
                    $('body,html').animate({
                        scrollTop: 0
                    }, 800);
                    return false;
                });
                $('#back-to-top').tooltip('show');

                $('#share-btn').click(function(){
                    var $panel = $('.share-panel');
                    $panel.css("left") == '0px' ? $panel.animate({left: -440+'px'}, 300): $panel.animate({left: 0}, 300)
                })
            })()

        </script>
    </body>
</html>